<template lang="pug">
  .error-page
    .error-content
      .left
        img(src='/static/images/404.png')
      .right
        .topic OOPS
        .desc
          .title 作品已失效或者该作品不存在......
          .text 请检查您输入的网址是否正确
</template>

<script>
export default {

  methods: {
    gotoUserAdmin() {
      window.location.href = $globalconfig.URLS.USER
    }
  }
}
</script>

<style lang="stylus">
.error-page
  width: 100%
  height: 100%
  .error-content
    position: absolute
    width: 1200px
    padding: 0 50px
    left: 50%
    top: 50%
    transform: translate(-50%, -50%)
    overflow: hidden
    .left
      position: relative
      float: left
      width: 600px
      overflow: hidden
      img
        width: 75%
    .right
      position: relative
      float: left
      width: 300px
      padding: 30px 0
      overflow: hidden
      .topic
        font-size: 32px
        font-weight: bold
        line-height: 40px
        color: #1482f0
        margin-bottom: 20px
      .desc
        .title
          font-size: 20px
          line-height: 24px
          color: #222
          font-weight: bold
          margin-bottom: 20px
        .text
          font-size: 15px
          line-height: 21px
          color: grey
          margin-bottom: 30px
</style>
